// chart表公用属性
Highcharts.setOptions({
    chart: {
        backgroundColor: 'rgba(0,0,0,0)',
    },
    title: {
        text: '',
        style: {
            color: '#fff'
        }
    },
    subtitle: {
        text: '',
        style: {
            color: '#fff'
        }
    },
    colors: ['#00F6D2','#5B8FF9','#5AD8A6','#5D7092','#F6BD16','#E8684A','#6DC8EC','#9270CA','#FF9D4D','#269A99','#FF99C3','#5B8FF9','#BDD2FD'],
    legend: {
        itemStyle: {
            color: '#c3c3c3'
        },
        itemHoverStyle: {
            color: '#fff'
        },
        itemHiddenStyle: {
            color: '#505050'
        }
    },
    credits: {
        enabled: false
    },
    exporting: {
        enabled: false
    },
    xAxis: {
        lineColor: 'rgba(255,255,255,0)',
        gridLineColor: 'rgba(255,255,255,0.2)',
        title: {
            style: {
                color: '#fff'
            }
        },
        labels: {
            style: {
                color: 'rgba(255,255,255,0.5)'
            }
        },
        crosshair: {
            color: 'rgba(68,215,134,0.8)',
            width: 1,
            zIndex: 5
        }
    },
    yAxis: {
        lineColor: '#fff',
        gridLineColor: 'rgba(255,255,255,0.1)',
        title: {
            style: {
                color: '#fff'
            }
        },
        labels: {
            style: {
                color: 'rgba(255,255,255,0.5)'
            }
        }
    },
    tooltip: {
        backgroundColor: 'rgba(0,0,0,0.8)',
        borderWidth: 0,
        style: {
            color: '#fff'
        }
    },
    plotOptions: {
        series: {
            borderWidth: 0,
            dataLabels: {
                style: {
                    color: '#fff',
                    textOutline: 'none'
                }
            }
        }
    },
    navigation: {
        buttonOptions: {
            symbolStroke: 'rgba(255,255,255,0.8)',
            symbolStrokeWidth: 1,
            symbolX: 12,
            symbolY: 10,
            theme: {
                'stroke-width': 0,
                fill: 'rgba(0,0,0,0)',
                r: 0,
                states: {
                    hover: {
                        fill: 'rgba(255,255,255,0.3)',
                    },
                    select: {
                        fill: 'rgba(255,255,255,0.3)'
                    }
                }
            }
        }
    }
})